<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>API</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js" defer></script>
  </head>
  <body>
    <h1>Ассинхронность. setTimeout. Колбэки. Промисы.</h1>

    <div class="task">
      <h2>Задача 1:</h2>
      <p class="task-description">Получены данные всех пользователей:</p>
      <pre class="task-output" id="task1-output"></pre>
    </div>

    <div class="task">
      <h2>Задача 2:</h2>
      <p class="task-description">Фамилии всех пользователей:</p>
      <ul class="task-output" id="task2-output"></ul>
    </div>

    <div class="task">
      <h2>Задача 3:</h2>
      <p class="task-description">Данные пользователей, фамилия которых начинается на W:</p>
      <pre class="task-output" id="task3-output"></pre>
    </div>

    <div class="task">
      <h2>Задача 4:</h2>
      <p class="task-output" id="task4-output"></p>
    </div>

    <div class="task">
      <h2>Задача 5:</h2>
      <p class="task-description">Названия всех ключей в объекте пользователя:</p>
      <ul class="task-output" id="task5-output"></ul>
    </div>
  </body>
</html>
